<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理系统</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
    <header>
        <h1>📋 用户管理系统</h1>
    </header>

    <!-- 用户表单 -->
    <div class="form-section">
        <h2>添加新用户</h2>
        <form id="userForm">
            <input type="text" id="nameInput" placeholder="请输入姓名" required>
            <input type="email" id="emailInput" placeholder="请输入邮箱" required>
            <button type="submit">添加用户</button>
        </form>
    </div>

    <!-- 用户列表 -->
    <div class="users-section">
        <h2>用户列表</h2>
        <button id="refreshBtn">刷新列表</button>
        <div id="usersList" class="users-list">
            <!-- 用户列表将通过JavaScript动态填充 -->
            <div class="loading">加载中...</div>
        </div>
    </div>
</div>

<script src="app.js"></script>
</body>
</html>